<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/black/easyui.css">
    <link rel="stylesheet" href="../../static/js/plugins/jquery-easyui/themes/icon.css">
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/css/accordion.css" media="screen" type="text/css" />
    <link rel="stylesheet" href="/static/css/dropdown-menu.css" media="screen" type="text/css" />
    <script type="text/javascript" src="/static/js/system/index.js"></script>
    <script type="text/javascript" src="/static/js/system/accordion.js"></script>
    <script src="../../static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="../../static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <%--登录页面的字体css--%>

    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/public.css">
    <script type="text/javascript">
        $(function () {
            //菜单跳转
            $("a").click(function () {
                var url = $(this).data("url");
                console.log($(this).text());
                if (url) {
                    //console.log($("#index_tabs").tabs("exists", $(this).text()));
                    var ex = $("#index_tabs").tabs("exists", $(this).text());
                    if (ex) {
                        $("#index_tabs").tabs('select', $(this).text());
                    } else {
                        $("#index_tabs").tabs("add", {
                            title: $(this).text(),
                            content: '<iframe src=' + url + ' height="100%" width="100%" frameborder="0"></iframe>',
                            closable: true
                        })
                    }
                }
            });
            //index主页的选项卡初始化.fg
            $("#index_tabs").tabs({});
        })
    </script>

</head>

<body>

<div class="easyui-layout" fit="true">
    <div style="height: 11%" data-options="region:'north',height:70,split:false">
        <%-- <h1 align="center">叩丁狼员工管理系统</h1>--%>
        <div class="public-header-warrp">
            <div class="public-header" style="background-color:snow; height: 9%">

                <div class="content" style="background-color:inherit">
                    <img height="70" width="150" src="/static/images/dog.gif"/>
                    <iframe width="280" scrolling="no" height="50" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=34&icon=1&num=3"></iframe>

                    <div class="public-header-admin fr">
                        <font color="black" style="font-weight: 400;font-size: xx-large;font-style: inherit" >
                            君&nbsp;&nbsp;&nbsp;&nbsp;君&nbsp;&nbsp;&nbsp;&nbsp;车&nbsp;&nbsp;&nbsp;&nbsp;险&nbsp;&nbsp;&nbsp;&nbsp;后&nbsp;&nbsp;&nbsp;&nbsp;台</font>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                        <font color="black">亲爱的用户：</font>
                        <p class="admin-name"><font color="green"><shiro:principal
                                property="username"></shiro:principal> 您好！</font></p>
                        <div class="public-header-fun fr">
                            <a href="/logout.do" class="public-header-loginout">安全退出</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div data-options="region:'south',height:20">
        <p align="center">@叩丁狼JAVA二十三期君君项目小组</p>
    </div>
    <div data-options="region:'west',width:200">
        <%--  <div style="text-align:center;clear:both">
              <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
              <script src="/follow.js" type="text/javascript"></script>
          </div>--%>


        <ul id="accordion" class="accordion" style="margin:auto">
            <li>
                <div class="link"><i class="fa fa-paint-brush"></i>我的面板<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/employee/personalMessage'>个人信息</a></li>
                    <li><a data-url='/employee/changePassword'>修改密码</a></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-code"></i>客户管理<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/potentialclient'>潜在客户管理</a></li>
                    <li><a data-url='/clientresources'>客户资源池</a></li>
                    <li><a data-url='/plandevelopment'>潜在客户开发计划</a></li>
                    <li><a data-url='/client'>待签单客户管理</a></li>
                    <li><a data-url='/changeClientLog'>客户移交记录</a></li>
                    <li><a data-url='/clientfollowup'>正式客户信息管理</a></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-mobile"></i>信息管理<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/company'>机构信息</a></li>
                    <li><a data-url='/product'>产品信息</a></li>
                    <li><a data-url='/car'>车辆信息</a></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-mobile"></i>保单管理<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/carInsurance'>车险投保</a></li>
                    <li><a data-url='/guaranteeBill'>暂存单</a></li>
                    <li><a data-url='/receiptBill'>批改单</a></li>
                    <li><a data-url='/guaranteeBill/viewUnAudit'>待审核单</a></li>
                    <li><a data-url='/historyBill'>单据历史记录</a></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-mobile"></i>见费出单<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/paymentBill'>缴费处理</a></li>
                    <li><a data-url='/paymentResult'>收费查询</a></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-mobile"></i>理赔管理<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/accident'>事故备案表</a></li>
                    <li><a data-url='/accident/paylistbill'>理赔明细</a></li>
                    <li><a data-url='/accident/checklist'>审核单</a></li>
                    <li><a data-url='/accident/paylist'>理赔单</a></li>
                    <li><a data-url='/accident/payinfo'>赔理赔明细表</a></li>
                    <li><a data-url='/clientInformationBill'>客户理赔信息统计表</a></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-mobile"></i>报表管理<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/salesReport'>销售报表</a></li>
                    <li><a data-url='/claimReport'>理赔报表</a></li>
                </ul>
            </li>
            <li><div class="link"><i class="fa fa-globe"></i>系统管理<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/employee'>员工管理</a></li>
                    <li><a data-url='/department'>部门管理</a></li>
                    <li><a data-url='/permission'>权限管理</a></li>
                    <li><a data-url='/role'>角色管理</a></li>
                    <li><a data-url='/systemmenu'>菜单管理</a></li>
                    <li><a data-url='/dictionary'>数据字典</a></li>
                    <li><a data-url='/systemlog'>系统日志</a></li>
                </ul>
            </li>
            <li>
                <div class="link"><i class="fa fa-mobile"></i>员工管理<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li><a data-url='/attendance'>考勤管理</a></li>
                </ul>
            </li>
        </ul>

    </div>
    <div data-options="region:'center'" >
        <div id="index_tabs" fit="true" >
            <div  title="主页" fit="true"  style=" background-image:url(/static/images/timg3.jpg);background-size: cover">

                <nav>
                    <ul class="main">
                        <li>
                            <a href="#">这</a>
                            <ul class="drop menu1">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">news</a></li>
                                <li><a href="#">contact</a></li>
                                <li><a href="#">about</a></li>
                            </ul>
                        </li>
                        <li><a href="#">个</a>
                            <ul class="drop menu2">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">news</a></li>
                                <li><a href="#">contact</a></li>
                                <li><a href="#">about</a></li>
                            </ul>
                        </li>
                        <li><a href="#">是</a>
                            <ul class="drop menu3">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">news</a></li>
                                <li><a href="#">contact</a></li>
                                <li><a href="#">about</a></li>
                            </ul>
                        </li>
                        <li><a href="#">彩</a>
                            <ul class="drop menu4">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">news</a></li>
                                <li><a href="#">contact</a></li>
                                <li><a href="#">about</a></li>
                            </ul>
                        </li>
                        <li><a href="#">蛋</a>
                            <ul class="drop menu5">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">news</a></li>
                                <li><a href="#">contact</a></li>
                                <li><a href="#">about</a></li>
                            </ul>
                        </li>
                        <li><a href="#">啊</a>
                            <ul class="drop menu6">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">news</a></li>
                                <li><a href="#">contact</a></li>
                                <li><a href="#">about</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>


                <div style="position:fixed;right: 20px;bottom: 60px">
                    <button id="signIn"
                            style="width:80px; height:60px; color:#2a85a1;"
                            onclick="signIn()">签到</button>
                    <button id="signOut"
                            style="width:80px; height:60px; color:#2a85a1;"
                            onclick="signOut()">签退</button>
                </div>

            </div>
        </div>
    </div>
</div>


</body>
</html>